<!doctype html>
<html lang="zh-CN">
<head>
    <title>库房详细信息</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/house.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/house.ico">
    <link rel="apple-touch-icon-precomposed" sizes="512x512" href="images/house.ico">
    <link rel="shortcut icon" href="images/house.ico">
    <!--css-->
    <link rel="stylesheet" href="plugins/bootstrap/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/base.css"/>
    <link rel="stylesheet" href="css/loaders.min.css"/>
    <link rel="stylesheet" href="css/loading.css"/>
    <link rel="stylesheet" href="css/style.css"/>
    <link rel="stylesheet" href="css/swiper.min.css">

    <!--javascript-->
    <script src="plugins/jquery.min.js"></script>
    <script src="plugins/bootstrap/js/bootstrap.min.js"></script>
    <script src="plugins/swiper/js/swiper.jquery.min.js"></script>

    <style>
    </style>
</head>
<!--loading页开始-->
<div class="loading">
    <div class="loader">
        <div class="loader-inner pacman">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
</div>
<body>
<!--header开始-->
<!--<header>
    <a href="index.html">
    </a>
    <div>库房详细信息</div>
    <div class="clear"></div>
</header>-->
<!--swiper-->
<div class="swiper-container swiper-top ">
    <div class="swiper-wrapper">
        <div class="swiper-slide"><a href="#"><img src="images/kufang_01.png"></a></div>
        <div class="swiper-slide"><a href="#"><img src="images/kufang_02.png"></a></div>
        <div class="swiper-slide"><a href="#"><img src="images/kufang_03.png"></a></div>
    </div>
    <div class="swiper-pagination"></div>
</div>
<!--simple function-->
<div class="price-container">
    租金：<span class="red">1.3</span>元/m²/天&nbsp;&nbsp;&nbsp;总面积：<span class="red">22988</span>㎡
</div>
<!--detail store -->
<div class="info-container clearfloat">
    <div class="info-title clearfloat box-s">
        <div class="fl"><p>概述</p></div>
    </div>
    <div class="summary">
        于2016年1月投入运营，占地总面积40亩，主体为彩钢结构，单体库房建筑总面积约19000㎡，库房顶高9米、檐高8米，长175米、宽110米，办公室及宿舍约2000㎡，院子约5000㎡， 园区整洁卫生。
    </div>
    <div class="info-title clearfloat box-s">
        <div class="fl"><p>地理位置</p></div>
    </div>
    <div class="summary">
        地理位置优越，交通便利，紧邻六环路，距京泸高速5公里，距首都机场50公里。
    </div>
    <div class="info-title clearfloat box-s">
        <div class="fl"><p>基本信息</p></div>
    </div>
    <div class="detail container-fluid">
        <div class="row">
            <div class="title">
                参数
            </div>
            <div class="text">
                <p><label>仓库个数：</label><span>1个</span></p>
                <p><label>仓库资质：</label><span>产权证，土地使用证，消防证</span></p>
                <p><label>卸货平台：</label><span>单面</span></p>
                <p><label>建筑结构：</label><span>钢结构</span></p>
                <p><label>仓库高度：</label><span>8-11米</span></p>
                <p><label>底层承重：</label><span>3吨/㎡</span></p>
                <p><label>二层以上承重：</label><span>暂无数据</span></p>
                <p><label>主干道宽度：</label><span>暂无数据</span></p>
            </div>
    </div>
        <div class="row">
            <div class="title">
                设施
            </div>
            <div class="text">
                <p><label>是否通水：</label><span>1个</span></p>
                <p><label>是否配电（380V）：</label><span>产权证，土地使用证，消防证</span></p>
                <p><label>是否有雨棚：</label><span>单面</span></p>
                <p><label>其他：</label><span>钢结构</span></p>
            </div>
        </div>
        <div class="row">
            <div class="title">
                安防
            </div>
            <div class="text">
                <p><label>消防设备：</label><span>消防联动系统 应急照明 紧急疏散标志 通风设备 隔热层</span></p>
                <p><label>安保系统：</label><span>监控 保安</span></p>
            </div>
        </div>
    </div>
</div>
<!-- modal -->
<div class="modal fade modal-result" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="bottom clearfloat box-s">
                    <div class="login-dui clearfloat">
                        <p class="picture">
                            <img src="images/dui.png"/>
                        </p>
                        <p class="tip">
                            恭喜您，委托成功！
                        </p>
                        <p class="fu-tit">
                            请保持所填号码手机的通话畅通状态，我们的客服将会在48小时内与您取得联系。
                        </p>
                    </div>
                    <div class="modal-footer">
                        <input type="button" name="" id="" data-dismiss="modal" value="好的，我知道了" class="btn-ok"/>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<article class="btn-1">
    <button class="btn btn-lg btn-info" data-toggle="modal" data-target=".modal">联系我们</button>
</article>
</body>
<script>
    $(function () {
        $(window).load(function () {
            $(".loading").addClass("loader-chanage");
            $(".loading").fadeOut(300);
        });
        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            paginationClickable: true,
            centeredSlides: true,
            spaceBetween: 30,
            autoplay: 2500,
            autoplayDisableOnInteraction: false,
            loop: true
        });
    });
</script>
</html>

</body>
</html>
